
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div.color{
            width: 300px;
            height: 300px;
            /*background-color: transparent;*/
            /*background-color: red;*/
            /*background-color: #ff0000;*/
            background-color: rgb(255,0,0);
            padding: 10px;
            /*margin: 10px;*/
            border: 20px dashed;
        }
        div.img {
            width: 300px;
            height: 300px;
            background-color: #ff0000;

            background-image: url(../img/bg-little.png);
            /*padding: 20px;*/
            /*margin: 20px;*/
            border: 20px dashed;
        }
        div.position{
            width: 300px;
            height: 1500px;
            background-image: url(../img/bg-little.png);
            background-repeat: no-repeat;
            border: 1px solid #ff0000;
            background-position: bottom left;
        }
        ul li {
            /*list-style-type: circle;*/
            /*list-style-type: square;*/
            /*有序列表*/
            /*list-style-type: decimal;*/
            /*list-style-type: upper-roman;*/
            /*list-style-type: upper-alpha;*/
            list-style-image: url("../img/remind.png");
            list-style-position: inside;
        }
    </style>
</head>
<body>
<div class="color">background-color</div>
<hr/>
<div class="img"></div>
<hr/>
<div class="position"></div>
<ul>
    <li>家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器家用电器</li>
    <li>电脑</li>
    <li>手机</li>
</ul>
</body>
</html>